// 投标详情
<template>
  <div class="bid_details">
    <!-- 实时进度 -->
    <div class="bid_steps">
      <div class="bid_title">
        <span
          style="display: inline-block;width: 7px;height: 20px;vertical-align: middle;background: #409EFF;margin-right:25px"
        ></span>
        <span>实时进度</span>
      </div>

      <el-steps :active="3">
        <el-step title="编制标书" description="请按照要求编制标书"></el-step>
        <el-step title="打印盖章" description="请按照要求打印盖章"></el-step>
        <el-step title="封装回标" description="请按照要求封装回标"></el-step>
      </el-steps>
    </div>

    <!-- 基本信息 -->
    <div class="bit_basicInfo">
      <div class="bid_title">
        <span
          style="display: inline-block;width: 7px;height: 20px;vertical-align: middle;background: #409EFF;margin-right:25px"
        ></span>
        <span>基本信息</span>
      </div>

      <ul>
        <li>
          <span>项目名称：</span>
        </li>
        <li>
          <span>所在地区：</span>
        </li>
        <li>
          <span>开发商名称：</span>
        </li>
        <li>
          <span>投标开始日期：</span>
        </li>
        <li>
          <span>投标结束日期：</span>
        </li>
        <li>
          <span>保证金是否缴纳：</span>
        </li>
      </ul>
    </div>
    <!-- 成员管理 -->
    <div class="bit_memberManagement">
      <div class="bid_title">
        <span
          style="display: inline-block;width: 7px;height: 20px;vertical-align: middle;background: #409EFF;margin-right:25px"
        ></span>
        <span>成员管理</span>
      </div>
      <sl-table
        name="sl-table1"
        :tableData="member_management_tableData"
        :tableKey="member_management_tableKey"
      ></sl-table>
    </div>
    <!-- 工作计划 -->
    <div class="bit_workPlan">
      <div class="bid_title">
        <span
          style="display: inline-block;width: 7px;height: 20px;vertical-align: middle;background: #409EFF;margin-right:25px"
        ></span>
        <span>工作计划</span>
      </div>
      <sl-table name="sl-table2" :tableData="work_plan_tableData" :tableKey="work_plan_tableKey"></sl-table>
    </div>
    <!-- 操作按钮 -->
    <div class="bit_todo">
      <el-button type="primary">编辑</el-button>
      <el-button type="primary">进度更新</el-button>
      <el-button type="primary">录入投标结果</el-button>
      <el-button>删除</el-button>
      <el-button>返回</el-button>
    </div>
  </div>
</template>

<style src="../../../../style/project/bid.css"></style>

<script>
import bidHomeTable from "../../../../components/project/bid/bidHomeTable";

export default {
  components: {
    "sl-table": bidHomeTable
  },
  data() {
    return {
      // 表格数据
      member_management_tableData: [{}, {}],
      member_management_tableKey: [
        { name: "序号", value: "id" },
        { name: "头像", value: "icon" },
        { name: "姓名", value: "name" },
        { name: "手机号", value: "tel" },
        { name: "部门", value: "department" },
        { name: "岗位", value: "post" }
      ],
      work_plan_tableData: [{}, {}],
      work_plan_tableKey: [
        { name: "序号", value: "id" },
        { name: "分项", value: "item" },
        { name: "描述", value: "description" },
        { name: "负责人", value: "member" },
        { name: "开始日期", value: "start_time" },
        { name: "结束日期", value: "end_time" }
      ]
    };
  }
};
</script>

<style>
</style>